*{
    margin: 0;
    padding: 0;
}

/* html{
    font-size: 30;
} */

/* div{
    width: 150px;
    height: 150px;
    background-color: beige;
}

.container{
    width: 200px;
    height: 200px;
    background-color: aqua;
}

#div1{
    width: 300px;
} */

/* .container{ */
    /* width: 200px; */
    /* height: 200px; */
    /* background-color: aqua; */
    /* background-image: none; */
    /* background-size: cover; */
    /* background-repeat: no-repeat; */
/* } */


/* .container{ */
    /* width: 500px; */
    /* background-color: aqua; */
    /* 首行缩进 */
    /* text-indent: 20px; */
    /* 居中 */
    /* text-align: center; */
    /* 英文单词中间空格 */
    /* word-spacing: 20px; */
    /* 中文中间空格 */
    /* letter-spacing: 20px; */
    /* 大小写 */
    /* text-transform: lowercase; */
    /* text-transform: uppercase; */
    /* 装饰 */
    /* text-decoration: line-through; */


    /* 文字大小 */
    /* font-size: 30px; */
    /* 粗体 */
    /* font-weight: 500; */
    /* 斜体 */ 
    /* font-style: italic; */
    /* 字体 */
    /* font-family: 'Times New Roman', Times, serif; */

    /* 实线 */
    /* border: 1px solid black; */
    /* 虚线 */
    /* border: 1px dashed black; */
/* } */

.container{
    width: 300px;
    height: 300px;
    background-color: aqua;
    /* 内边距 */
    padding-top: 50px;
    padding-left: 50px;
    padding-bottom: 50px;
    padding-right: 50px;
    /* 边框 */
    border: 1px solid black;

    /* 外边距离*/
    margin-left: 100px;
    margin-right: 100px;
    margin-bottom: 100px;
    margin-top: 100px;
}

/* .child{ */
    /* width: 100px; */
    /* height: 100px; */
    /* background-color: red; */
/* } */

/* .div1{ */
    /* width: 100px; */
    /* height: 100px; */
    /* background-color: red; */
    /* margin-left: 100px;
    padding-left: 100px; */
    /* padding-top: 100px; */
    /* display: block; */
/* } */

/* .span1{ */
    /* 行高 */
    /* line-height: 100px; */
    /* padding-left: 100px; */
    /* background-color: aqua; */
    /* display: inline; */
/* } */

/* 后代选择器 */
/* .parent h1{
    background-color: aqua;
    font-size: 20px;
} */

/* 子元素选择器 */
/* .parent>h1{
    background-color: aqua;
    font-size: 20px;
} */

/* 交集选择器 */
/* h1.child{
    background-color: aqua;
    font-size: 20px;
} */

/* 并集选择器 */
/* div,h1{
    background-color: red;
    font-size: 20px;
} */